*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
ul li{
	list-style:none;
}
a{
	text-decoration: none;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.clear{
	clear:both;
}
.container-fluid{
	padding: 0;
	margin: 0;
}
.container{
	/* width: 1250px; */
	margin: 0 auto;
	padding: 0;
}
.header{
	padding: 0;
}
.header-top-img{
	padding: 0;
}

.head-xs{
	display: none;
}
@media (max-width: 375px){
	.header{
		display: none;
	}
	.head-xs{
		display: block;
	}
}

.head-xs{
	padding: 20px 0;
	position: fixed;
	background: #03152E;
	z-index: 999;
}
.xs-head-img img{
	
	margin-left: 80px;
	width: 50%;
	
}
#toggle{
	display: none;
}
.test{
	margin-top: 10px;
	margin-left: 15px;
}
.test span{
	margin-top: 2px;
	width: 20px;
	height: 2px;
	background: #F4CA59;
	display: block;
}
#toggle:checked~.xs-catalog{
	left:0;
}
.xs-catalog{
	width: 300px;
	height: 665px;
	left: -700px;
	position: absolute;
	background: #03152E;
	transition: all 0.5s linear;
}
.xs-catalog ul{
	margin-top: 20px;
	margin-left: 20px;
}
.xs-catalog li{
	margin: 10px 0;
}
.xs-catalog li a{
	color: #F4CA59;
	text-decoration: none;
}
.header-nav{
	width: 100%;
	position: fixed;
	z-index: 999;
	background: rgba(122,122,122,.5);
}
.header-wrop{
	/* background: rgba(0,0,0,.5); */
}
.header{
	padding: 10px 0;

	margin: 0 auto;
	/* position: fixed; */
	/* background: rgba(0,0,0,.5); */
}
.head-title ul{
	margin-top: 20px;
	margin-left: 50px;
}
.head-title li{
	text-align: center;
	width: 70px;
	float: left;
}
.head-title a{
	color: #ffffff;
	text-decoration: none;
}
.head-title-right{
	margin-top: 20px;
}
.head-title-right span{
	color: #FFFFFF;
	margin-left: 20px;
}
.icon-1{
	width: 20px;
	height: 20px;
	vertical-align: middle;
	background-size:cover;
	background: url(../img/2.webp)no-repeat center;
	display: inline-block;
}
.head-title-a a{
	color: #F4CA59;
}
.menu-title{
	/* padding-top: 50px; */
	background: url(../img/3.webp)no-repeat center;
	background-size: cover;
}
.menu-top li{
	color: #FFFFFF;
	font-weight: 700;
	font-size: 70px;
}
.menu-top li span {
	color: #F4CA59;
}
@media (max-width:375px) {
	.menu-title{
		width: 100%;
	}
	.menu-top{
		margin-top: 50px;
	}
	.menu-top li{
		font-size: 30px;
	}
}
.menu-top{
	margin-top: 50px;
}	
/* }
@media (max-width) {
	.menu-top{
		width: 100%;
	}
	.menu-nav{
		width: 100%;
	}
	.container{
		width: 100%;
	}
} */
.xian-left{
	width:10%;
	height: 5px;
	background: #F4CA59;
}
.xian-right{
	width: 90%;
	height: 1px;
	margin-top: 2px;
	background: #595C65;
}
.menu-xian{
	margin: 10px 0 20px;
}
.icon-2{
	width: 20px;
	height: 20px;
	background: url(../img/4.png)no-repeat center;
	vertical-align: middle;
	background-size: cover;
	display: inline-block;
}
.menu-bottom{
	padding: 0;
}
.menu-bottom li{
	margin-top: 10px;
	margin-left: 20px;
	color: #FFFFFF;
	font-size: 18px;
}
.menu-bottom-title{
	margin-top: 50px;
}
@media (max-width:375px) {
	.menu-bottom-title{
		width: 100%;
	}
	.menu-bottom-left{
		padding:10px 30px;
	}
	.menu-bottom-left p{
		font-size: 14px;
	}
	.menu-bottom-right p{
		font-size: 14px;
	}
}
.menu-bottom-title{
	padding: 0;
}
.menu-bottom-left{
	text-align: center;
	/* width: 200px; */
	padding: 10px 50px;
	margin-left: 20px;
	border: 2px solid #F4CA59;
}
.menu-bottom-left p{
	margin: 0;
	color: #F4CA59;
	font-size: 20px;
}
/* .menu-bottom-right{
	margin-left: 50px;
} */
.menu-bottom-right p{
	color: #F4CA59;
	font-size: 40px;
	font-weight: 600;
	padding: 0;
}
.menu-bottom-right span{
	margin-left: 10px;
	font-size: 20px;
	font-weight: 600;
}
.menu-bottom{
	margin-bottom: 50px;
}
.page{
	position: relative;
	top: -20px;
}
@media (max-width:375px) {
	.page{
		width: 100%;
		
	}
	.page-icon-title{
		padding: 0;
	}
	.page-icon-title span{
		font-size: 14px;
	}
}
.page-icon-3{
	margin: 0;
	padding: 50px 0;
	font-size: 18px;
	text-align: center;
	background: #F4CA59;
	transition: all .5s; 
}
.page-icon-3:hover {
	background: #FFFFFF;
}
.icon-3{
	width: 50px;
	height: 50px;
	background: url(../img/5.webp)no-repeat center;
	background-size: cover;
	display: inline-block;
	vertical-align: middle;
}
.page-icon-4{
	padding: 50px 0;
	font-size: 18px;
	text-align: center;
	background: #FFFFFF;
	transition: all .5s; 

}
.page-icon-4:hover {
	background: #F4CA59;
}
.icon-4{
	width: 50px;
	height: 50px;
	background: url(../img/6.webp)no-repeat center;
	background-size: cover;
	display: inline-block;
	vertical-align: middle;
}
.page-icon-5{
	padding: 50px 0;
	font-size: 18px;
	text-align: center;
	background: #FFFFFF;
	transition: all .5s; 
	/* box-shadow:0px 1px 1px #333333; */
}
.page-icon-5:hover {
	background: #F4CA59;
}
.icon-5{
	width: 50px;
	height: 50px;
	background: url(../img/7.webp)no-repeat center;
	background-size: cover;
	display: inline-block;
	vertical-align: middle;
}
@media (max-width:375px) {
	.page-title{
		width: 100%;
	}
}
.page-title-left-top li:nth-child(1){
	font-size: 36px;
	font-weight: 600;
	color: #F4CA59;
}
.page-title-left-top li:nth-child(1) span{
	color: #000000;
}
.page-title-left-top li:nth-child(2){
	font-size: 36px;
	font-weight: 600;
	color: #000000;
}
.page-title-left-top li:nth-child(3){
	font-size: 18px;
	margin-top: 30px;
	color: #A5A7B2;
}
.page-title-line{
	width: 100%;
	margin: 0;
	margin-top: 30px;
	padding: 0;
}
.page-title-line .line-left{
	width: 15%;
	height: 5px;
	background: #F4CA59;
}
.page-title-line .line-right{
	width: 85%;
	height: 1px;
	margin-top: 3px;
	background: #595C65;
}
.page-title-left-bottom{
	margin-top: 70px;
}
.page-title-left-bottom span{
	color: #F4CA59;
	font-size: 30px;
	font-weight: 600;
	margin-left: 10px;
	margin-right: 10px;
}
.page-title-left-bottom li{
	background: #F8F7F5;
	line-height: 40px;
	margin-top: 10px;
	font-size: 20px;
}
.page-title-right img{
	width: 100%;
}
@media (max-width:375px) {
	.page-title-right{
		width: 100%;
	}
	.content{
		width: 100%;
	}
	.content-nav{
		padding: 0;
	}
	.menu-xian{
		width: 100%;
	}
	
}
.content-img{
	overflow: hidden;
	
}
.content-img img{
	width: 100%;
	transition: all 0.5s;
}
.content-img:hover.content-img img{
	transform: scale(1.2);
}
.content-nav{
	padding-left: 0;
}
@media (max-width:375px) {
	.main{
		width: 100%;
	}
	.main-title li:nth-child(1){
		font-size: 10rem;
	}
	.main-title li:nth-child(2){
		font-size: 10rem;
	}
}
.main{
	margin: 0 auto;
	text-align: center;
}
.main-title{
	margin: 0 auto;
	padding: 0;
	margin-top: 50px;
	text-align: center;
	float: none;
}
.main-title li:nth-child(1){
	font-size: 40px;
	font-weight: 600;
	color: #F4CA59;
}
.main-title li:nth-child(1) span{
	color: #000000;
}
.main-title li:nth-child(2) {
	color: #9193A0;
	margin-top: 20px;
	font-size: 20px;
}
.main-kc{
	text-align: center;
}
.kc-title li{
	margin:30px 0 ;
	font-size: 16px;
}
.kc-title{
	margin-top: 70px;
	background: #F8F7F5;
}
.kc-title li:nth-child(2){
	font-size: 30px;
	color: #F4CA59;
	font-weight: 600;
}
.kc-title li:nth-child(2) span{
	font-size: 50px;
}
.kc-line{
	margin: 50px 0;
	margin-left: 60px;
}
.kc-line-left{
	width: 25%;
	margin-top: 2px;
	height: 1px;
	background: #E8E8E8;
}
.kc-line-right{
	width: 20%;
	height: 5px;
	background: #F4CA59;
}

.kc-title-z{
	background: #F4CA59;
}
.kc-title-z li{
	margin:30px 0 ;
	font-size: 16px;
}
.kc-title-z li:nth-child(2){
	font-size: 30px;
	color: #FFFFFF;
	font-weight: 600;
}
.kc-title-z li:nth-child(2) span{
	font-size: 50px;
}
.kc-button{
	width: 150px;
	margin: 0 auto;
	margin-bottom: 50px;
	padding: 10px 0;
	border:1px solid #F4CA59;
}
.kc-button span{
	font-size: 18px;
}
.kc-line-z{
	margin: 50px 0;
	margin-left: 60px;
}
.kc-line-left-z{
	width: 25%;
	margin-top: 2px;
	height: 1px;
	background: #FFFFFF;
}
.kc-line-right-z{
	width: 20%;
	height: 5px;
	background: #FFFFFF;
}
.kc-button-z{
	width: 150px;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 50px;
	padding: 10px 0;
	border:2px solid #FFFFFF;
}
.kc-button-z span{
	color: #FFFFFF;
	font-size: 18px;
}
@media (max-width:375px) {
	.kc-title{
		margin-top: 0;
	}
}
.summary{
	margin: 0 ;
	padding: 0;
}
.summary-img{
	margin: 0;
	padding: 0;
}
.summary-img img{
	width: 100%;
	height: 750px;
}
.summary-img img{
	width: 100%;
}
.summary-title{
	margin: 0;
	padding: 0;
	margin-left: 30px;
}
.summary-title li:nth-child(1){
	font-size: 40px;
	font-weight: 600;
	margin-top: 10px;
}
.summary-title li:nth-child(1) span {
	color: #F4CA59;
}
.summary-title li:nth-child(2){
	font-size: 17px;
	margin-top: 30px;
	line-height: 30px;
	color: #9193A0;
}
.summary-title-line{
	margin-top: 30px;
}
.summary-title-line-left{
	width: 20%;
	height: 5px;
	background: #F4CA59;
}
.summary-title-line-right{
	width: 80%;
	margin-top: 2PX;
	height: 1px;
	background: #595C65;
}
.summary-title-img-left{
	width: 50%;
	padding-top: 50px;
}
.summary-title-img-right{
	width: 50%;
	padding-top: 50px;
	padding-left: 10px;
	}
.summary-title-img-left li:nth-child(1){
	font-size: 18px;
	font-weight: 500;
}
.summary-title-img-right li:nth-child(1){
	font-size: 18px;
	font-weight: 500;
}
.summary-title-img-left li:nth-child(2){
	margin-top: 10px;
}
.summary-title-img-right li:nth-child(2){
	margin-top: 10px;
}
@media (max-width:375px) {
	.summary-title{
		margin: 0;
		padding: 0 10px;
	}
	.lc{
		width: 100%;
		
	}
}

.lc-head{
	margin: 0 auto;
	margin-top: 100px;
	text-align: center;
}
.lc-head li:nth-child(1){
	font-size: 38px;
	font-weight: 600;
	color: #F4CA59;
}
.lc-head li:nth-child(1) span{
	color: #000000;
}
.lc-head li:nth-child(2){
	margin-top: 20px;
	font-size: 18px;
	color: #9193A0;
}
.lc-head li:nth-child(3){
	font-size: 18px;
	color: #9193A0;
}

.lc-title{
	padding-bottom: 80px;
}
.lc-title li:nth-child(1){
	font-size: 50px;
	font-weight: 600;
	color: #F4CA59;
}
.lc-title li:nth-child(2){
	font-size: 18px;
	margin: 20px 0;
}
.lc-title li:nth-child(3){
	color: #9193A0;
}
@media (max-width:375px) {
	.lc-img{
		width: 100%;
	}
	.lc-img-title{
		width: 100%;
	}
	.dt{
		width: 100%;
	}
}
.lc-img{
	padding: 30px 0;
	background: url(../img/18.webp)no-repeat center;
	background-size: cover;
}
.lc-img-title-rs{
	padding: 0;
	text-align: center;
}
.lc-img-title-rs li:nth-child(1){
	font-size: 50px;
	color: #F4CA59;
}
.lc-img-title-rs li:nth-child(2){
	font-size: 18px;
	margin-top: 20px;
	color: #FFFFFF;
}
@media (max-width:375px) {
	.dt{
		padding-bottom: 0;
	}
}
.dt{
	padding-bottom: 100px;
}
.dt-img{
	overflow: hidden;
	background: #F8F7F5;
}
.dt-img:hover.dt-img img{
	transform: scale(1.2);
}
.dt-img img{
	width: 100%;
	transition: all 0.5s;
	
}
.dt-img ul{
	margin: 0 20px;
	padding-top: 30px;
	height: 180px;
}
.dt-img li:nth-child(1){
	font-size: 18px;
}
.dt-img li:nth-child(2){
	color: #9193A0;
}
.dt-img li:nth-child(3){
	color: #A5A7B2;
	font-size: 16px;
}
.dt-img li:nth-child(4){
	color: #A5A7B2;
	font-size: 16px;
}
.xz{
	background: url(../img/3.webp)no-repeat center;
	background-size: cover;
	padding-bottom: 70px;
}

.xz-title{
	margin-top: 50px;
}
@media (max-width:375px) {
	.xz-img{
		width: 100%;
	}
	.dt{
		padding-bottom:0;
	}
}
.xz-title li:nth-child(1){
	font-size: 40px;
	color: #FFFFFF;
}
.xz-title li:nth-child(1) span{
	font-size: 40px;
	color: #F4CA59;
}
.xz-title li:nth-child(2){
	font-size: 18px;
	margin: 50px 0;
	color: #FFFFFF;
}
.xz-button{
	width: 170px;
	text-align: center;
	padding: 10px 20px;
	border: 1px solid #F4CA59;
}
.xz-button span{
	color: #F4CA59;
	font-size: 18px;
}

.hz-img{
	margin-top: 50px;
}
.hz-img img{
	width: 100%;
}
.hz{
	padding-bottom: 100px;
}
@media (max-width:375px) {
	.hz{
		width: 100%;
	}
	.hz-img{
		margin-top: 0px;
	}
	.hz{
		padding-bottom: 30px;
	}
}
.bottom{
	padding-top: 70px;
	padding-bottom: 70px;
	background: #03152E;
}
.bottom-left ul{
	margin-right: 125px;
}
.bottom-left li:nth-child(1){
	color: #FFFFFF;
	margin-top: 20px;
	font-size: 16px;
}
.bottom-left li:nth-child(2){
	color: #FFFFFF;
	font-size: 14px;
	margin-top: 20px;
}
.bottom-right li{
	margin: 10px 0;
	color: #FFFFFF;
	font-size: 16px;
}
.bottom-right li:nth-child(1){
	color: #F4CA59;
	font-size: 24px;
}
@media (max-width:375px) {
	.bottom{
		width: 100%;
	}
	.bottom-title{
		width: 100%;
	}
	.bottom-right{
		display: none;
	}
	.container{
		width: 100%;
	}
}
.icon-b1{
	width: 32px;
	height: 32px;
	background: url(../img/b1.png)no-repeat 0px -160px ;

	display: inline-block;
}
.icon-b2{
	width: 32px;
	height: 32px;
	background: url(../img/b1.png)no-repeat -32px -160px ;

	display: inline-block;
}
.icon-b3{
	width: 32px;
	height: 32px;
	background: url(../img/b1.png)no-repeat -128px -160px ;

	display: inline-block;
}
.icon-b4{
	width: 32px;
	height: 32px;
	background: url(../img/b1.png)no-repeat -192px -160px ;

	display: inline-block;
}
.bottom-right ul:nth-child(2) li{
	float: left;
	margin: 0 5px;
}
@media (max-width:375px) {
	.menu-nav{
		padding: 20px;
	}
}